<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../../HTMLTurbo.css">
<link rel="stylesheet" type="text/css" href="../style/demo.css">

<script charset="utf-8" src="../../jquery/1.12.4/jquery.min.js"></script>
<script charset="utf-8" src="../../HTMLTurbo.php"></script>
</head>

<body>
<div class="ht">
	<ul class="textList">
		<li><a href="#noticeDialog_0" class="ht-Popup dialog">弹出新的普通对话框</li>
		<li><a href="#noticeDialog_1" class="ht-Popup largeDialog">弹出新的大对话框</a></li>
		<li><a href="#noticeDialog" class="ht-Popup smallDialog">弹出新的小对话框</a></li>
		<li><a href="#noticeDialog" class="ht-Popup fullScreenDialog">弹出新的全屏对话框</a></li>
		<li><a href="#noticeDialog" class="ht-Popup freeDialog">弹出新的自由对话框</a></li>
		<!--
		frame //非阻塞
		dialog //非阻塞
		alert //阻塞
		confirm //阻塞
		-->
	</ul>
	<div class="ht-Dialog auto" id="noticeDialog">
		<div class="wrapper">
			<h4 class="title">提示标题</h4>
			<a class="ht-CloseButton">close</a>
			<div class="content">
	        	<p>提示标题</p>
	        </div>
		</div>
	</div>
	<div class="ht-Dialog min" id="noticeDialog_0">
		<div class="wrapper">
			<h4 class="title">提示标题</h4>
			<a class="ht-CloseButton">close</a>
			<div class="content">
	        	<p>提示标题</p>
	        </div>
		</div>
	</div>
	
	<div class="ht-Dialog rightBottom" id="noticeDialog_1">
		<div class="wrapper">
			<h4 class="title">提示标题</h4>
			<a class="ht-CloseButton">close</a>
			<div class="content">
	        	<p>提示标题</p>
	        </div>
		</div>
	</div>
</div>
</body>
</html>